<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/shopcar.css">
   <link rel="stylesheet" href="../iconfont1/iconfont.css">
</head>
<body>
<!-- ....................................头部..................... -->
    <div class="shop-head">
      <img src="../images/topdark.svg" alt="">
        <!-- <img src="../images/topwhite.svg" alt=""> -->
    </div>
    <div class="shop-con">
        <div class="go-index">
            <  <a href="../index.html">继续购买</a>
        </div>
    <div class="shop-all">
<!-- ..............左侧.................. -->
        <div class="shop-left">
            <div class="shop-bag">
                我的购物袋
            </div>
            <div class="select-all">
                <input id="checkboxAll" type="checkbox" > 
                <label for="checkboxAll">全选</label>
            </div>
            <div class="shop-list">
            <!-- <div class="all-shop">
            <div>
                <div><input type="checkbox"></div>
                <div>
                    <img src="https://assets.sisley.com.cn/upload/materials/pdp/headimgs/198530_01.jpg" alt="">
                </div>
                <div>
                    <p>希思黎伊莎香水30ml</p>
                    <p>
                        <span>容量</span><span>30ml</span>
                    </p>
                    <p>￥780.00</p>
                </div>
            </div>
            <div>
                数量
            </div>
            <div class="count-div">
                <input type="text" value="1" class="count-input">
                <div class="shop-count">
                    <p>1</p>
                    <p>2</p>
                    <p>3</p>
                    <p>4</p>
                    <p>5</p>
                    <p>6</p>
                </div>
            </div>
            <div class="shop-del">
                <i class="iconfont icon-cha"></i>
                x
            </div>
        </div>  -->
        <!--  -->
    
 </div>
<div class="full-red">
    <div>
        全场满额礼
    </div>
    <div>
        <div>
            <div> <img src="https://assets.sisley.com.cn/upload/SAMPLES/614104_01.jpg" alt=""> </div>
            <div>
                <p>希思黎全能乳液10ml</p>
                <p>数量：1</p>
            </div>
        </div>
        <div>
            <div> <img src="https://assets.sisley.com.cn/upload/SAMPLES/650600_01.jpg" alt=""> </div>
            <div>
                <p>希思黎抗皱修活精华水15ml</p>
                <p>数量：1</p>
            </div>
        
        </div>
    </div>
</div>
        </div>
      
        <div class="shop-right">
         <div class="right-bog">
            我的购物袋：￥<span class="sum">0.00</span> 
         </div>
         <div>
             订单摘要
         </div>
         <div>
             <div class="price-left">商品金额</div>
             <div class="price-right">￥
                <span class="sum1">0.00</span></div>
         </div>
         <div>
            <div class="price-left">优惠金额</div>
            <div class="price-right">-100.00</div>
         </div>
         <div>
            <div class="price-left">运费</div>
            <div class="price-right">免费</div>
         </div>
         <div>
            <div class="price-left">包装</div>
            <div class="price-right">免费</div>
         </div>
        <div class="shop-box">
            <span class="shop-on"> 使用电子礼劵 </span>
            <span>输入电子礼券优惠码</span>
            <div> <input type="text" placeholder="请选择电子礼券" ></div>
           <div class="shop-active"><input type="text" placeholder="请输入电子礼券优惠码" ></div>
        </div>
        <div>
            <span>总计</span>
            ￥<span class="sum2">0</span>
        </div>
        <div>
            <button>提交订单</button>
        </div>
        <div>
        <i class="iconfont icon-zhifubao"></i>
        <i class="iconfont icon-duihao"></i>
        <i class="iconfont icon-yinlian"></i>
        <i class="iconfont icon-255icoyueliang"></i>
        <i class="iconfont icon-truck-left"></i>
    </div>
        <div>
            <img src="https://www.sisley.com.cn/img/express-flower-gel-double-tensor-6-small@2x.1cd4153a.jpg" alt="">
        </div>
        <div>
            <img src="../images/my-sisley-club-title.0a77ddca.svg" alt="">
            <img src="https://www.sisley.com.cn/img/gettyimages-746114359-1024-x-1024-ok.6efcaf43.png" alt="">
            <p>—通过此订单获得积分—</p>
            <p>1040</p>
        </div>
    </div>
    </div>
    </div> 
</div>
<script src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/shop.js"></script>
</body>
</html>